<md-content class="player-container" fit-window>
    <md-content class="player-content-container" flex layout="row">
        <!-- Side controls -->
        <md-content layout="column" class="md-whiteframe-1dp steps-timeline-container" ng-hide="isSimpleUIMode">
            <user-identity-details user-identity-data="session.userIdentity" hide-mask="hideUserDetailsMask"></user-identity-details>
            <steps-timeline add-new-steps="addNewSteps"
                            update-steps-timeline="updateStepsTimeline"
                            on-selected-step="onSelectedActivity"
                            select-next-step="selectNextStep"
                            enable="enableStepsTimeline"
                            disable="disableStepsTimeline"
                            selected-log-id="selectedLogId"
                            is-created="stepsTimelineIsCreated"
                            handle-user-details-resize="handleUserDetailsResize"
                            hide-mask="hideStepsTimelineMask">
            </steps-timeline>
        </md-content>

        <!-- Main controls -->
        <md-content class="player-container" layout="column" flex>
            <!-- Inaccessible resources -->
            <inaccessible-resources-warning layout="row" session-id="sessionId"></inaccessible-resources-warning>

            <!-- Session viewer -->
            <md-content layout="row" flex class="viewer-wrap">
                <div class="player-loader-container" ng-if="shouldShowLoadingOverlay">
                    <div class="player-loader">
                        <div class="loader"></div>
                        <div class="loader-footer">加载中</div>
                    </div>
                </div>
                <session-viewer resize
                                ng-show="!errors.invalidSessionId && !errors.sessionNotFound"
                                max-width="containerWidth"
                                max-height="containerHeight"
                                session-screen-width="sessionScreenWidth"
                                session-screen-height="sessionScreenHeight"
                                class="viewer-container"
                                is-created="viewerIsCreated"
                                rendering-progress="renderingProgress"
                                initial-visibility-state="session.visibilityState"
                                session-id="sessionId"
                                handle-console-resize="handleConsoleResize">
                </session-viewer>
                <div ng-show="errors.sessionNotFound" layout="column" layout-align="center center" flex>
                    <i class="icon ion-android-alert ion-icon"></i>
                    <h4> 会话未找到 </h4>
                    <span>此会话不再可用，它已被删除或已经过期。</span>
                </div>
                <div ng-show="errors.invalidSessionId" layout="column" layout-align="center center" flex>
                    <i class="icon ion-android-alert ion-icon"></i>
                    <h4> 无效会话 </h4>
                    <span> URL无效。如果您手动输入，请检查您的拼写，然后再试一次。 </span>
                </div>
            </md-content>

            <!-- Timeline -->
            <md-content layout="row" class="player-controls-container player-controls">
                <md-button ng-show="!hasFinished || isStreamingLive"
                           md-no-ink
                           ng-disabled="!arePlayerButtonsEnabled"
                           class="player-controls-button"
                           ng-click="togglePlaying()"
                           aria-label="Toggle play/pause"
                           ng-switch="(isPlaying || isStreamingLive)">
                    <svg width="14" height="16" viewBox="0 0 10 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="player-controls-icon" ng-switch-when="true">
                        <defs>
                            <rect id="a" width="4" height="14" rx="2"/><rect id="b" x="6" width="4" height="14" rx="2"/>
                        </defs>
                        <g fill="none" fill-rule="evenodd">
                            <use fill="#D5D6D8" xlink:href="#a"/>
                            <rect stroke="#D5D6D8" x=".5" y=".5" width="3" height="13" rx="1.5"/>
                            <use fill="#D5D6D8" xlink:href="#b"/><rect stroke="#D5D6D8" x="6.5" y=".5" width="3" height="13" rx="1.5"/>
                        </g>
                    </svg>

                    <svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg" class="player-controls-icon" ng-switch-when="false"><path d="M12.822 6.267L3.056.301A2.014 2.014 0 0 0 1.024.25 1.902 1.902 0 0 0 0 1.95v11.933c0 .717.393 1.35 1.024 1.7a2.012 2.012 0 0 0 2.032-.05l9.766-5.967c.58-.366.939-.983.939-1.65 0-.683-.341-1.3-.939-1.65z" fill="#D5D6D8" fill-rule="nonzero"/></svg>
                </md-button>
                <md-button ng-show="hasFinished && !isStreamingLive"
                           md-no-ink
                           class="player-controls-button"
                           ng-click="repeat()"
                           aria-label="Repeat">
                    <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <defs></defs>
                        <g id="Icons" stroke="none" stroke-width="1" fill="#D5D6D8" fill-rule="evenodd">
                            <g id="Refresh" fill="#D5D6D8" stroke="#D5D6D8">
                                <g id="ref" transform="translate(3.000000, 4.000000)">
                                    <path d="M17.1818182,7.36363636 L15.9545455,7.36363636 C15.7090909,3.27272727 12.3545455,0 8.18181818,0 C3.92727273,0 0.409090909,3.51818182 0.409090909,7.77272727 C0.409090909,12.0272727 3.92727273,15.5454545 8.18181818,15.5454545 C9.81818182,15.5454545 11.4545455,15.0545455 12.7636364,14.0727273 C13.0909091,13.8272727 13.1727273,13.2545455 12.9272727,12.9272727 C12.6818182,12.6 12.1090909,12.5181818 11.7818182,12.7636364 C10.7181818,13.5 9.49090909,13.9090909 8.18181818,13.9090909 C4.82727273,13.9090909 2.04545455,11.1272727 2.04545455,7.77272727 C2.04545455,4.41818182 4.82727273,1.63636364 8.18181818,1.63636364 C11.4545455,1.63636364 14.0727273,4.17272727 14.3181818,7.36363636 L13.0909091,7.36363636 C12.6818182,7.36363636 12.5181818,7.60909091 12.8454545,7.93636364 L14.6454545,9.9 C14.9727273,10.2272727 15.4636364,10.2272727 15.7090909,9.9 L17.5090909,7.93636364 C17.7545455,7.60909091 17.5909091,7.36363636 17.1818182,7.36363636 Z" id="Shape"></path>
                                </g>
                            </g>
                        </g>
                    </svg>
                </md-button>
                <md-button md-no-ink
                           ng-disabled="!arePlayerButtonsEnabled"
                           class="player-controls-button"
                           ng-click="selectNextStep()"
                           aria-label="Next step">
                    <md-tooltip md-direction="top">
                      下一步
                    </md-tooltip>
                    <svg width="18" height="19" fill="#D5D6D8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" class="player-controls-icon">
                        <path d="M24 .455c-1.1 0-2 .9-2 2v8.4c-.1-.1-.2-.2-.4-.3l-12.9-8.9c-.7-.5-1.5-.7-2.4-.7-2.3 0-4.3 1.9-4.3 4.3v17.7c0 2.4 1.9 4.3 4.3 4.3.8 0 1.7-.3 2.4-.8l12.9-8.9c.1-.1.2-.2.4-.3v8.2c0 1.1.9 2 2 2s2-.9 2-2v-23c0-1.1-.9-2-2-2zm-4.6 13.9l-12.9 8.9h-.1s-.3 0-.3-.3v-17.7c0-.3.3-.3.3-.3h.1l12.9 8.9c.1.1.1.2.1.2s0 .2-.1.3z"/>
                    </svg>
                </md-button>

                <md-button class="player-controls-button watch-live"
                           md-no-ink
                           ng-class="{'is-offline': !isLive, 'green': isLive}"
                           ng-click="goLive()"
                           aria-label="Watch Live"
                           ng-disabled="!isLive"
                           ng-show="sessionWasInitiallyLive && !isStreamingLive">
                    <div layout="row" layout-align="center center">
                        <div flex ng-switch="isLive">
                            <span ng-switch-when="true">
                                <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                    <g fill="#1BB36F" fill-rule="nonzero">
                                        <path d="M1.229 10.48l-.007-.02a.38.38 0 0 0-.714.259l.008.021a.38.38 0 0 0 .713-.26zM1.762 11.615l-.01-.017a.38.38 0 0 0-.657.379l.01.02a.38.38 0 0 0 .657-.382zM2.485 12.642l-.014-.015a.38.38 0 1 0-.581.487l.014.018a.38.38 0 1 0 .58-.49zM4.404 14.25l-.018-.01a.38.38 0 0 0-.38.655l.02.012a.38.38 0 0 0 .378-.658zM.902 9.267L.9 9.247a.38.38 0 0 0-.748.13l.004.022a.38.38 0 0 0 .747-.132zM3.375 13.53l-.016-.014a.379.379 0 1 0-.489.58l.018.015a.38.38 0 0 0 .487-.582zM.732 5.778a.38.38 0 0 0 .486-.227l.007-.02a.38.38 0 0 0-.713-.26l-.007.021a.38.38 0 0 0 .227.486zM1.229 4.55a.38.38 0 0 0 .518-.139l.01-.018a.38.38 0 0 0-.656-.38l-.012.02a.38.38 0 0 0 .14.518zM.458 7.073a.38.38 0 0 0 .439-.31l.003-.02a.38.38 0 1 0-.747-.13l-.004.022a.38.38 0 0 0 .31.438zM.791 8.016v-.021a.38.38 0 0 0-.758 0V8.017a.38.38 0 1 0 .758-.001zM12.636 13.52l-.015.013a.38.38 0 1 0 .487.583l.017-.015a.38.38 0 1 0-.489-.58zM10.472 14.774l-.02.007a.38.38 0 0 0 .259.714l.02-.008a.38.38 0 0 0-.259-.713zM11.609 14.242l-.018.01a.38.38 0 1 0 .378.658l.02-.011a.38.38 0 1 0-.38-.657zM9.26 15.1l-.021.003a.38.38 0 1 0 .13.747l.022-.003a.38.38 0 0 0-.132-.748zM2.466 3.38l.013-.015a.38.38 0 0 0-.58-.488l-.015.017a.38.38 0 0 0 .582.487zM6.756 15.102l-.02-.004a.38.38 0 1 0-.132.748l.022.003a.38.38 0 1 0 .13-.747zM5.543 14.78l-.02-.008a.38.38 0 1 0-.26.713l.022.007a.38.38 0 1 0 .258-.713zM13.524 12.631l-.013.016a.38.38 0 0 0 .58.49l.014-.018a.38.38 0 1 0-.58-.488zM8.008 15.209H7.987a.38.38 0 0 0-.001.758h.023a.38.38 0 0 0-.001-.758zM12.613 2.46l.016.014a.38.38 0 0 0 .488-.581l-.018-.015a.38.38 0 1 0-.486.583zM15.54 8.943a.38.38 0 0 0-.44.309l-.003.02a.38.38 0 0 0 .747.133l.004-.022a.38.38 0 0 0-.308-.44zM15.095 6.718l.004.02a.38.38 0 0 0 .747-.132l-.004-.023a.38.38 0 1 0-.747.135zM13.505 3.346l.014.015a.38.38 0 0 0 .58-.488l-.015-.018a.38.38 0 1 0-.579.49zM14.766 5.506l.007.02a.38.38 0 0 0 .713-.26l-.008-.022a.38.38 0 0 0-.712.262zM15.967 7.988v-.023a.38.38 0 0 0-.758.004V8.02a.38.38 0 0 0 .759.003V8l-.001-.006v-.006zM14.23 4.371l.01.018a.38.38 0 1 0 .657-.38l-.011-.02a.38.38 0 1 0-.656.382zM15.263 10.238a.38.38 0 0 0-.486.226l-.008.02a.38.38 0 1 0 .713.261l.008-.021a.38.38 0 0 0-.227-.486zM11.582 1.743l.018.01a.38.38 0 1 0 .38-.657l-.02-.011a.38.38 0 0 0-.378.658zM6.725.904L6.745.9a.38.38 0 1 0-.13-.747l-.023.004a.38.38 0 1 0 .133.747zM4.378 1.766l.018-.01a.38.38 0 1 0-.38-.657l-.02.011a.38.38 0 0 0 .382.656zM14.764 11.464a.379.379 0 0 0-.518.139l-.01.017a.38.38 0 1 0 .655.382l.012-.02a.38.38 0 0 0-.14-.518zM3.352 2.49l.015-.014a.38.38 0 1 0-.488-.58l-.017.014a.38.38 0 1 0 .49.58zM5.513 1.231l.02-.007a.38.38 0 1 0-.26-.713L5.252.52a.38.38 0 1 0 .261.712zM10.442 1.215l.02.008a.38.38 0 0 0 .26-.714L10.7.502a.38.38 0 0 0-.258.713zM7.977.791h.02a.38.38 0 0 0 0-.758h-.023a.38.38 0 1 0 .003.758zM9.228.895l.02.004A.38.38 0 0 0 9.38.152L9.357.148a.38.38 0 1 0-.129.747z" opacity=".2"/>
                                        <path d="M8 2.408a5.592 5.592 0 1 0 0 11.184A5.592 5.592 0 0 0 8 2.408zm3.34 8.933A4.708 4.708 0 0 1 8 12.725a4.71 4.71 0 0 1-3.341-1.384 4.708 4.708 0 0 1-1.384-3.34 4.71 4.71 0 0 1 1.384-3.342A4.708 4.708 0 0 1 8 3.275c1.306 0 2.484.529 3.34 1.384A4.708 4.708 0 0 1 12.726 8a4.709 4.709 0 0 1-1.384 3.341z" opacity=".5"/>
                                        <path d="M8 5.41a2.591 2.591 0 1 0 0 5.181A2.591 2.591 0 0 0 8 5.41z"/>
                                    </g>
                                </svg>
                                转直播
                            </span>
                            <span ng-switch-when="false">
                                <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8 5.41a2.591 2.591 0 1 0 0 5.181A2.591 2.591 0 0 0 8 5.41z" fill="#2e3440"/>
                                </svg>
                                已离线
                            </span>
                        </div>
                    </div>
                </md-button>

                <md-button class="player-controls-button watching-live"
                           md-no-ink
                           aria-label="Live"
                           disabled
                           ng-show="sessionWasInitiallyLive && isStreamingLive">
                    <div layout="row" layout-align="center center">
                        <div class="player-live-button-indicator live-red"></div>
                        <div flex><svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="#F2453D" fill-rule="nonzero"><path d="M8 5.41a2.591 2.591 0 1 0 0 5.181A2.591 2.591 0 0 0 8 5.41z"/><path d="M8 3.205a4.796 4.796 0 1 0 .001 9.591A4.796 4.796 0 0 0 8 3.205z" opacity=".5"/><path d="M8 .602A7.398 7.398 0 1 0 8.001 15.4 7.398 7.398 0 0 0 8 .602z" opacity=".2"/></g></svg> Live </div>
                    </div>
                </md-button>
                <div layout="column" flex>
                    <player-timeline min="timelineMin"
                                     max="timelineMax"
                                     value="timelineValue"
                                     is-dirty="isTimelineDirty"
                                     activities="activities"
                                     refresh="refreshTimeline"
                                     enable="enableTimeline"
                                     disable="disableTimeline"
                                     pause-activity="pauseActivity"
                                     is-live="isLive"
                                     is-created="timelineIsCreated">
                    </player-timeline>
                </div>
                <md-menu md-position-mode="target-right bottom" md-theme="sessionStackBlueTheme" class="player-aside-controls">
                  <div>
                    <md-button class="player-controls-button md-button md-small-button console-button"
                               ng-class="isConsoleExpanded ? 'expanded' : ''"
                               ng-click="toggleConsole()"
                               ng-disabled="!snapshotData">
                        <md-tooltip md-direction="top">
                            控制台
                        </md-tooltip>
                        <svg width="20" height="20" fill="#D5D6D8" xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 12 12">
                            <path d="M9.75842104,0 L1.70385129,0 C0.758988303,0 0,0.771146011 0,1.73114411 L0,9.12785074 C0,10.0878488 0.758988303,10.8589948 1.70385129,10.8589948 L9.75842104,10.8589948 C10.703284,10.8589948 11.4622723,10.0878488 11.4622723,9.12785074 L11.4622723,1.73114411 C11.4622723,0.771146011 10.703284,0 9.75842104,0 Z M1.70385129,0.944260421 L9.75842104,0.944260421 C10.1921286,0.944260421 10.5328989,1.29048924 10.5328989,1.73114411 L10.5328989,2.56524081 L0.929373432,2.56524081 L0.929373432,1.73114411 C0.929373432,1.29048924 1.27014369,0.944260421 1.70385129,0.944260421 Z M9.75842104,9.91473442 L1.70385129,9.91473442 C1.27014369,9.91473442 0.929373432,9.5685056 0.929373432,9.12785074 L0.929373432,3.50950123 L10.5328989,3.50950123 L10.5328989,9.12785074 C10.5328989,9.5685056 10.1921286,9.91473442 9.75842104,9.91473442 Z" id="Shape"></path>
                            <path d="M4.77361568,5.94766119 L3.01107133,4.48492262 C2.83481689,4.30939399 2.53037741,4.29476661 2.33809985,4.45566785 C2.14582228,4.61656909 2.12979915,4.89448942 2.30605359,5.07001805 C2.32207672,5.08464543 2.35412298,5.1139002 2.37014611,5.12852759 L3.74813533,6.26946367 L2.35412298,7.41039975 C2.17786854,7.58592838 2.17786854,7.86384871 2.38616924,8.02474995 C2.56242368,8.1710238 2.81879376,8.18565119 2.9950482,8.05400472 L4.75759255,6.59126615 C4.94987011,6.43036491 4.96589324,6.15244458 4.78963881,5.97691596 C4.77361568,5.96228857 4.77361568,5.96228857 4.77361568,5.94766119 Z" id="Shape"></path>
                            <path d="M8.79913842,8.14424613 L5.39224638,8.14424613 C5.12033481,8.14424613 4.91240243,8.37952435 4.91240243,8.68719587 C4.91240243,8.99486739 5.12033481,9.23014562 5.39224638,9.23014562 L8.79913842,9.23014562 C9.07104999,9.23014562 9.27898236,8.99486739 9.27898236,8.68719587 C9.27898236,8.37952435 9.07104999,8.14424613 8.79913842,8.14424613 Z" id="Shape"></path>
                        </svg>
                    </md-button>

                    <session-download-button md-menu-align-target class="player-controls-button md-button md-small-button" session-id="session.id" ng-show="PLAYER_ONLINE_MODE">
                      <md-tooltip md-direction="top">
                        下载会话
                      </md-tooltip>
                        <svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg"><g fill="#D5D6D8" fill-rule="nonzero"><path d="M15.236 6.163c-.392 0-.712.308-.712.683v5.174c0 .324-.266.563-.604.563H2.098c-.32 0-.605-.256-.605-.563V6.846c0-.375-.32-.683-.71-.683-.392 0-.712.308-.712.683v5.174c0 1.058.907 1.929 2.027 1.929H13.92c1.12 0 2.027-.871 2.027-1.93V6.847c0-.375-.32-.683-.711-.683z"/><path d="M7.396 11.883l.088.085h.036l.036.034h.053c.018 0 .018 0 .035.018a.273.273 0 0 0 .125.017H8c.053 0 .089-.017.124-.017a.137.137 0 0 0 .072-.035c.017 0 .017-.017.035-.017h.036l.07-.068 3.254-2.68a.748.748 0 0 0 .249-.461.626.626 0 0 0-.16-.496c-.267-.273-.711-.307-.996-.068L8.64 9.885V.683L8.622.649A.818.818 0 0 0 7.858.05c-.391 0-.711.308-.711.683v9.134L5.084 8.195a.699.699 0 0 0-.515-.17.68.68 0 0 0-.48.238.639.639 0 0 0-.178.496.637.637 0 0 0 .249.46l3.236 2.664z"/></g></svg>
                    </session-download-button>

                    <md-button class="player-controls-button md-button md-small-button" ng-click="showSessionDetails(session)">
                      <md-tooltip md-direction="top">
                        会话详情
                      </md-tooltip>
                        <svg width="24" height="24" fill="#D5D6D8" xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 50 50">
                          <path d="M25 11.8C12.4 11.8 6.1 24 5.9 24.5c-.1.2-.1.4-.1.6 0 .8 2.3 4.3 4.9 6.9 4.2 4.2 9.1 6.4 14.4 6.4 12.5 0 18.8-12.2 19.1-12.7.2-.4.2-.8 0-1.1-.3-.7-6.6-12.8-19.2-12.8zm0 24c-9.6 0-15.2-8.5-16.6-10.7 1.3-2.3 6.9-10.8 16.6-10.8 9.6 0 15.2 8.5 16.6 10.7-1.4 2.3-7 10.8-16.6 10.8z"/>
                          <path d="M25 17.8c-4 0-7.3 3.3-7.3 7.2s3.3 7.2 7.3 7.2 7.2-3.3 7.2-7.2-3.2-7.2-7.2-7.2zm0 12c-2.6 0-4.8-2.1-4.8-4.8s2.1-4.8 4.8-4.8c2.6 0 4.8 2.1 4.8 4.8s-2.2 4.8-4.8 4.8z"/>
                        </svg>
                    </md-button>

                    <md-button md-menu-origin class="player-controls-button md-button md-small-button player-settings" ng-click="$mdOpenMenu($event)" aria-label="Menu" ng-disabled="!session">
                        <md-tooltip md-direction="top">
                          设置
                        </md-tooltip>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 15 17" class="player-controls-icon"><path fill-opacity=".8" fill="#FFF" xlink:href="#a" transform="translate(-185 -155)" d="M193.048 166.783c-2.007 0-3.634-1.648-3.634-3.68 0-2.034 1.627-3.682 3.634-3.682 2.007 0 3.634 1.648 3.634 3.681 0 2.033-1.627 3.68-3.634 3.68zm7.906-5.064a.796.796 0 0 0-.917-.66l-.907.157a6.44 6.44 0 0 0-1.302-2.353l.586-.695a.812.812 0 0 0-.089-1.134l-.159-.139a.789.789 0 0 0-1.12.09l-.582.69a6.275 6.275 0 0 0-2.493-.939l.011-.92a.8.8 0 0 0-.785-.814l-.21-.002a.8.8 0 0 0-.805.796l-.01.933c-.93.13-1.794.46-2.549.951l-.615-.748a.788.788 0 0 0-1.12-.103l-.161.136a.812.812 0 0 0-.102 1.134l.635.772a6.443 6.443 0 0 0-1.257 2.236l-1.019-.199a.795.795 0 0 0-.93.64l-.04.208c-.082.436.2.858.63.942l1.053.205c-.001.067-.01.132-.01.2 0 .863.172 1.687.477 2.44l-.957.558a.811.811 0 0 0-.293 1.1l.105.184a.79.79 0 0 0 1.085.296l.974-.567a6.398 6.398 0 0 0 1.871 1.61l-.402 1.067a.808.808 0 0 0 .458 1.04l.197.075c.41.158.87-.05 1.026-.465l.4-1.064a6.3 6.3 0 0 0 1.42.167 6.29 6.29 0 0 0 1.208-.12l.374 1.045a.792.792 0 0 0 1.018.483l.197-.073a.807.807 0 0 0 .477-1.03l-.365-1.024a6.385 6.385 0 0 0 1.97-1.595l.882.53a.789.789 0 0 0 1.09-.28l.107-.182a.811.811 0 0 0-.278-1.104l-.853-.514c.34-.79.533-1.66.533-2.578 0-.029-.004-.056-.004-.084l.934-.161a.804.804 0 0 0 .65-.929l-.034-.209z"/></svg>
                    </md-button>
                  </div>
                    <md-menu-content class="card player-menu" width="6">
                        <md-label>速度</md-label>
                        <md-menu-item layout-padding>
                            <md-radio-group ng-model-options="{ getterSetter: true }"
                                            ng-model="settings.playback.speedOption"
                                            md-no-ink>
                                <span ng-repeat="speedOption in speedOptions">
                                    <md-radio-button ng-value="speedOption">
                                        {{ speedOption.label }}
                                    </md-radio-button>
                                </span>
                            </md-radio-group>
                        </md-menu-item>
                        <md-divider></md-divider>
                        <md-menu-item>
                            <md-switch
                                    class="md-primary"
                                    ng-model="settings.playback.shouldSkipProlongedInactivity"
                                    aria-label="跳过不活动">
                                跳过不活动
                            </md-switch>
                        </md-menu-item>
                        <md-menu-item>
                            <md-switch
                                    class="md-primary"
                                    ng-model="settings.playback.shouldVisualizeClicks"
                                    aria-label="点击可视化">
                                点击可视化
                            </md-switch>
                        </md-menu-item>
                        <md-menu-item>
                            <md-switch
                                    class="md-primary"
                                    ng-model="settings.playback.shouldPauseOnMarker"
                                    aria-label="到达标记时暂停">
                                到达标记时暂停
                            </md-switch>
                        </md-menu-item>
                    </md-menu-content>
                </md-menu>
            </md-content>

            <!-- Console -->
            <console open-console="openConsole"
                     close-console="closeConsole"
                     is-expanded="isConsoleExpanded"
                     add-new-logs="addNewLogs"
                     on-selected-log="onSelectedActivity"
                     update-console="updateConsole">
            </console>
        </md-content>
    </md-content>
</md-content>
